<!DOCTYPE html>
<html lang="en" style="height:100%;">
<head>
	<meta charset="UTF-8">
	<title>list-menu样式</title>
	<link rel="stylesheet" href="../lib/ocWindow/resources/css/debug.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/list-menu.css" />
	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".oc-menu > li").click(function(event){
				event.stopPropagation();
				$(".oc-menu > li.active").removeClass("active");
				$(this).addClass("active");
			});
			$("body").click(function(){
				$(".oc-menu > li.active").removeClass("active");
			});
		});
	</script>
</head>
<body style="height:100%;">
<!----------------菜单----------------->
	<menu class="oc-menu">
		<li>文件(F)
			<ul>
				<li><button>DSpellCheck</button></li>
				<li><button>Explorer</button></li>
				<li><button>MIME Tools</button></li>
				<li><button>Converter</button></li>
				<li><button>NppFTP</button></li>
				<hr />
				<li>Plugin Manager
					<ul>
						<li><button>DSpellCheck</button></li>
						<li><button>Explorer</button></li>
						<li><button>MIME Tools</button></li>
						<li><button>Converter</button></li>
						<li><button>NppFTP</button></li>
						<li><button>Plugin Manager</button></li>
					</ul>
				</li>
			</ul>
		</li>
		<li class="active">编辑(E)
			<ul>
				<li><button>DSpellCheck</button></li>
				<li><button>Explorer</button></li>
				<li><button>MIME Tools</button></li>
				<li><button>Converter</button></li>
				<hr/>
				<li class="sub" disabled><button>NppFTP</button>
					<ul>
						<li><button>DSpellCheck</button></li>
						<li><button>Explorer</button></li>
						<li><button>MIME Tools</button></li>
						<li><button>Converter</button></li>
						<li><button>NppFTP</button></li>
						<li><button>Plugin Manager</button></li>
					</ul>
				</li>
				<hr/>
				<li class="sub">Plugin Manager
					<ul>
						<li><button>DSpellCheck</button></li>
						<li><button>Explorer</button></li>
						<li><button>MIME Tools</button></li>
						<li><button>Converter</button></li>
						<li><button>NppFTP</button></li>
						<li><button>Plugin Manager</button></li>
					</ul>
				</li>
			</ul>
		</li>
		<li>查看(V)
			<ul>
				<li><button>文字</button></li>
				<hr/>
				<li><button>文字</button></li>
				<li><button>MIME Tools</button></li>
				<li><button>Converter</button></li>
				<hr/>
				<li class="sub" disabled><button>NppFTP</button>
					<ul>
						<li><button>DSpellCheck</button></li>
						<li><button>Explorer</button></li>
						<li><button>MIME Tools</button></li>
						<li><button>Converter</button></li>
						<li><button>NppFTP</button></li>
						<li><button>Plugin Manager</button></li>
					</ul>
				</li>
				<hr/>
				<li class="sub">Plugin Manager
					<ul>
						<li><button>DSpellCheck</button></li>
						<li><button>Explorer</button></li>
						<li><button>MIME Tools</button></li>
						<li><button>Converter</button></li>
						<li><button>NppFTP</button></li>
						<li><button>Plugin Manager</button></li>
					</ul>
				</li>
			</ul>
		</li>
		<li>历史(S)</li>
		<li>书签(B)</li>
		<li>工具(T)</li>
		<li>帮助(H)</li>
	</menu>
</body>
</html>
